import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import router from './router';
import store from './store'
import './api/mock'
import Cookie from 'js-cookie'



//这里也可以按需引入，按需引入的好处就是，打包文件较小
Vue.use(ElementUI);

Vue.config.productionTip = false  

router.beforeEach((to, from, next) => {
  const token  = Cookie.get('token');

  //token 不存在  未登录直接跳转登录
  if (!token && to.name !== 'login') {
    next({ name: 'login' })
  } 
  //token 存在说明已经登录，跳转home
  else if (token && to.name === 'login') {
    next({ name: 'home' })
  } 
  //正常执行业务
  else {
    next()
  }
})


// router.beforeEach((to, from, next) => {
//   store.commit('getToken')
//   const token = store.state.token
//   if (!token && to.name !== 'login') {
//     next({ name: 'login' })
//   } else if (!checkRouter(to.path)) {
//     next({ name: 'home' })
//   } else {
//     next()
//   }
// })

new Vue({
  router,
  store,
  render: h => h(App),
  created() { 
    store.commit('addMenu', router)  
  }
}).$mount('#app')
